<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <p:panelGrid style="width: 650px;margin: 10px auto">
        <p:row>
            <p:column>
                <h:outputLabel id="lblSedeDoc" value="SEDE: "  class="lblBusqueda" /> 
            </p:column>
            <p:column>
                <p:selectOneMenu id="cbxSedeDoc" style="width: 200px" 
                                 value="#{BKReporteAdministracion.idSede}"> 
                    <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                    <f:selectItems value="#{BKReporteAdministracion.mostrarListaSedes}" 
                                   var="sede" itemLabel="#{sede.nombre}" itemValue="#{sede.id}"/>
                </p:selectOneMenu>                                                                     
            </p:column>
            <p:column>
                <h:outputLabel id="lblTipoDoc" value="TIPO: " class="lblBusqueda" />
            </p:column>

            <p:column>
                <p:selectOneMenu value="#{BKReporteAdministracion.documentoBusqueda.tipoDocumento}"
                                 id="cbxTipoDoc" style="width: 200px" editable="true" onkeyup="cambiarMayuscula(this)">  
                    <f:selectItem itemLabel="SELECCIONAR" itemValue="" />
                    <f:selectItem itemLabel="VALE" itemValue="VALE" />
                    <f:selectItem itemLabel="TICKET" itemValue="TICKET" />  
                    <f:selectItem itemLabel="BOLETA" itemValue="BOLETA" />
                    <f:selectItem itemLabel="FACTURA" itemValue="FACTURA" />  

                </p:selectOneMenu>
            </p:column>
        </p:row>

        <p:row>
            <p:column>
                <h:outputLabel value="DEL: " class="lblBusqueda" />
            </p:column>
            <p:column>
                <p:calendar id="txtFechaInicioDoc" locale="es"
                            value="#{BKReporteAdministracion.fechaInicioDoc}" 
                            pattern="dd/MM/yyyy"
                            maxdate="#{BKReporteAdministracion.fechaFinalDoc}"
                            showOn="button" showButtonPanel="true" navigator="true" >
                    <p:ajax event="dateSelect" process="@this" update="txtFechaFinalDoc" />
                </p:calendar>
            </p:column>
            <p:column>
                <h:outputLabel value="AL): " class="lblBusqueda" />
            </p:column>
            <p:column>
                <p:calendar id="txtFechaFinalDoc" locale="es"
                            value="#{BKReporteAdministracion.fechaFinalDoc}" 
                            pattern="dd/MM/yyyy" 
                            mindate="#{BKReporteAdministracion.fechaInicioDoc}"
                            showOn="button" showButtonPanel="true" navigator="true" >
                    <p:ajax event="dateSelect" process="@this" update="txtFechaInicioDoc" />
                </p:calendar>

            </p:column>
        </p:row>
    </p:panelGrid> 

    <br/>
    <center>
        <p:commandButton action="#{MBReporteAdministracion.reporteDeDocumentos()}" ajax="false" value="Generar Reporte"/>
    </center>

</html>